<template>
  <div>积分等级管理列表页面</div>
</template>
<script>
import integralGradeApi from "@/api/integralGrade";
export default {
  /*
    项目中发送异步请求，代码被拆分成了以下几部分：
      1、axios全局配置(@/utils/request.js)
      2、axios要访问的一个模块所有的异步访问的代码(@/api/integralGrade.js)
      3、在需要异步访问的页面中 引入 api 模块js文件 ，调用方法得到异步结果并使用
  */
  //查询积分等级分页数据展示
  //每个要异步访问的Controller前端项目封装一个api js(代表一个模块的CRUD的所有的异步请求代码)
  //相当于在vue对象中写代码
  data() {
    return {};
  },
  created() {
    //测试发起异步请求加载分页数据 获取响应结果
    integralGradeApi.getPage(1, 3).then((r) => {
      console.log(r); //r代表响应体中的数据(后端的R对象的json)
      //获取分页数据
      console.log(r.data.page.records);
    });
  },
  methods: {},
};
</script>
